<template>
	<page-body>
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center offer_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub offer_fd0_0'>
					<view class='flex flex-wrap align-center offer_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
						<text class='fu-iconfont2  offer_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='offer_fd0_0_c1_c0'>报价</text>
					</view>
					<view class='flex flex-wrap align-center justify-end offer_fd0_0_c0'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex flex-direction align-stretch benben-flex-layout offer_flex_1">
				<view class='flex flex-wrap align-center offer_fd1_0'>
					<text class='offer_fd1_0_c0'>是否上楼</text>
					<benben-select-diy ref="showSelectPopup1716287192887" class-name='flex flex offer_fd1_0_c1'
						:items.sync="list1" v-model="list1_id" default-type="value" default-label="name"
						:allow-cancel='false' type="radio" :disabled='false'>
						<template v-for='(item,key0) in list1'>
							<view v-if="item.isSelected" class='flex align-center justify-center flex' :key="key0"
								@tap="$refs.showSelectPopup1716287192887.tapHandle(key0)">
								<image class='offer_fd1_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"2.png"'></image>
								<text class='offer_fd1_0_c0'>{{item.name}}</text>
							</view>
							<view v-else class='flex align-center flex' :key="key0"
								@tap="$refs.showSelectPopup1716287192887.tapHandle(key0)">
								<image class='offer_fd1_0_c1_c0_c0' mode="aspectFit" :src='STATIC_URL+"3.png"'></image>
								<text class='offer_fd1_0_c1_c1_c1'>{{item.name}}</text>
							</view>
						</template>
					</benben-select-diy>
				</view>
				<!-- pickerDiy1718622116523 -->
				<view class='flex flex-wrap align-center offer_fd1_0' v-if="list1_id == 1"
					@tap.stop="popupShow1732066253222 = true">
					
					<text class='offer_fd1_0_c0'>送达楼层</text>
					<text class='offer_fd1_1_c1'>{{ list3_name || '选择送达楼层'}}</text>
					<text class='fu-iconfont2  offer_fd1_1_c2'>&#xe7f2;</text>
				</view>
				<view class='flex flex-wrap align-start offer_fd1_0'>
					<text class='offer_fd1_0_c0'>货品大小</text>

					<text class='fu-iconfont2  offer_fd1_2_c1' @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/riderOrder/announceme/announceme`"
						style="margin: 10rpx 0 0 14rpx;">&#xe600;</text>
					<view class='flex flex-direction align-stretch flex-sub offer_fd1_2_c2'>
						<template v-for='(item,key0) in list2'>
							<view class="flex flex offer_fd1_2_c2_c0_c0">
								<image class='offer_fd1_2_c2_c0_c0_c0' @tap.stop="qiehuan(item.aid,key0,item.is_input)"
									v-if="list2_id.indexOf(item.aid) != -1" mode="aspectFill" :src='STATIC_URL+"2.png"'>
								</image>
								<image class='offer_fd1_2_c2_c0_c0_c0' @tap.stop="qiehuan(item.aid,key0,item.is_input)"
									v-if="list2_id.indexOf(item.aid) == -1" mode="aspectFill" :src='STATIC_URL+"3.png"'>
								</image>
								<text class='offer_fd1_0_c0 yangshi'
									@tap.stop="qiehuan(item.aid,key0,item.is_input)">{{item.name}}</text>
								<benben-input type="digit" class="offer_fd1_0_c02" :placeholder="`请输入`"
									v-model="item.priceDD" v-if="item.is_input == 2" confirm-type="done" :maxlength="5"
									:adjust-position='true' placeholder-style="color:#999;font-size:28rpx"
									@input="onInput($event,key0)" @focus="xuanzhong(key0)" />
								<benben-flex-number-box class-name='flex flex align-center  offer_fd1_0_c1'
									v-if="item.is_input == 1" input-class="offer_numberBoxInputfd1_2_c2_c0_c0_c2"
									v-model="item.number" :min="0" :step="1" :opacity="0.3" :dibled='true'
									@change="jiajian" :itemId="item.aid">
									<template #minus>
										<image class='offer_fd1_2_c2_c0_c0_c2_c0' mode="aspectFit"
											:src='STATIC_URL+"80.png"'></image>
									</template>
									<template #plus>
										<image class='offer_fd1_2_c2_c0_c0_c2_c0' mode="aspectFit"
											:src='STATIC_URL+"81.png"'></image>
									</template>

								</benben-flex-number-box>
							</view>
						</template>

					</view>
				</view>
				<view class='flex flex-wrap align-center offer_fd1_0' v-if="is_once == 1">
					<text class='offer_fd1_0_c0'>加价费用</text>
					<text class='offer_fd1_3_c2'>￥{{jiajia}}</text>
				</view>
				<view class='flex flex-wrap align-center offer_fd1_0'>
					<text class='offer_fd1_0_c0'>费用价格</text>
					<text class='fu-iconfont2  offer_fd1_2_c1' @tap.stop="popupShow1718673951693 = true">&#xe600;</text>
					<text class='offer_fd1_3_c2'>￥{{price}}</text>
				</view>
			</view>

			<!---flex布局flex布局结束-->
			<view class="flex flex-wrap align-center justify-center benben-position-layout flex offer_flex_2">
				<button class='offer_fd2_0' @tap.stop="tijiao">确定</button>

			</view>
			<view :style="{height: '160rpx'}"></view>
			<benben-picker ref="benbenWritePickerCodepicker3" :visible.sync="pickerDiy1718622116523" mode='selector'
				:mask-show='true' :timeout='true' :picker-height='88' default-type='aid'
				:default-props='{"label":"name","value":"aid"}' :label.sync='list3_name' :value.sync='list3_id'
				:options='list3' @change="dizhi">
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between offer_picker3_0'>
						<text @tap="$refs.benbenWritePickerCodepicker3.cancel()">取消</text>
						<text>选择送达楼层</text>
						<text class='offer_picker3_0_c2'
							@tap="$refs.benbenWritePickerCodepicker3.pickerConfirm()">确认</text>
					</view>
				</template>
			</benben-picker>
			<benben-popup v-model="popupShow1718673951693" :mask="true" :mask-close-able="true" mode='center'>
				<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout offer_flex_5">
					<view class='flex flex-direction flex-wrap align-stretch offer_fd5_0'>
						<text class='offer_fd5_0_c0'>价格费用说明</text>
						<scroll-view class='offer_fd5_0_c1' :scroll-y='true'>
							<view class='flex flex-direction align-center benben-scroll flex'>
								<jyf-parser class='offer_fd5_0_c1_c0' :html="dataDetails.content">
								</jyf-parser>
							</view>
						</scroll-view>
					</view>
					<view class='flex flex-wrap align-center justify-center offer_fd5_1'>
						<image class='offer_fd5_1_c0' mode="aspectFit" :src='STATIC_URL+"154.png"'
							@tap.stop="popupShow1718673951693=false"></image>
					</view>
				</view>
			</benben-popup>
			<benben-popup v-model="popupShow1732066253222" :mask="true" :mask-close-able="true" mode='bottom' :z-index='999'>
			    <!---flex布局flex布局开始-->
			    <view class="flex flex-direction align-stretch benben-flex-layout">
			        <view class='flex flex-wrap align-center fd1_0_ben'>
			            <view class='flex flex-wrap align-center justify-between fd1_0_c0_ben'>
			                <text @tap.stop="popupShow1732066253222=false">取消</text>
			                <text>选择送达楼层</text>
			                <text class='offer_picker3_0_c2' @tap.stop="dizhi">确定</text>
			            </view>
			
			            <scroll-view class='fd1_0_c1_ben' :scroll-y='true' :show-scrollbar='true' :enhanced="true">
			                <view class='flex flex-direction align-stretch benben-scroll flex'>
								<template v-for="(item,index) in list3">
									<view class='flex flex-direction align-stretch flex yangshi_2' @tap.stop="xuanze(item.aid,item.name)">
									    <view class='flex flex-wrap align-center fd1_0_c1_c0_c0_c0_ben'>
									        <text class='flex-sub fd1_0_c1_c0_c0_c0_c0_ben'>{{item.name}}</text>
											<image class='fd1_0_c1_c0_c0_c0_c1_ben' v-if="list3_id == item.aid" mode="aspectFit" :src='STATIC_URL+"2.png"'></image>
									        <image class='fd1_0_c1_c0_c0_c0_c1_ben' v-else mode="aspectFit" :src='STATIC_URL+"3.png"'></image>
									    </view>
									</view>
								</template>
			                    <!-- <benben-select-diy ref="showSelectPopup1732066895401" class-name='flex-direction align-stretch flex' :items.sync="list3" v-model="list3_id" 
								:label.sync="list3_name" default-type="aid" default-label="name" :allow-cancel='false' type="radio" :disabled='false'>
			                        <benben-select-item v-for='(item,key0) in list3' :hand-value='item.aid' :key='key0'>
			                            <template #selected>
			                                <view class='flex flex-direction align-stretch flex'>
			                                    <view class='flex flex-wrap align-center fd1_0_c1_c0_c0_c0_ben'>
			                                        <text class='flex-sub fd1_0_c1_c0_c0_c0_c0_ben'>{{item.name}}</text>
			                                        <image class='fd1_0_c1_c0_c0_c0_c1_ben' mode="aspectFit" :src='STATIC_URL+"2.png"'></image>
			                                    </view>
			                                </view>
			                            </template>
										<template #no-selected>
			                                <view class='flex flex-direction align-stretch flex'>
			                                    <view class='flex flex-wrap align-center fd1_0_c1_c0_c0_c0_ben'>
			                                        <text class='flex-sub fd1_0_c1_c0_c0_c0_c0_ben'>{{item.name}}</text>
			                                        <image class='fd1_0_c1_c0_c0_c0_c1_ben' mode="aspectFit" :src='STATIC_URL+"3.png"'></image>
			                                    </view>
			                                </view>
			                            </template>
			                        </benben-select-item>
			                    </benben-select-diy> -->
			                </view>
			            </scroll-view>
			        </view>
			    </view>
			</benben-popup>


		</view>
	</page-body>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				popupShow1732066253222:false,
				popupShow1718673951693: false,
				pickerDiy1718622116523: false,
				list3_id: '',
				list3_name: '',
				list3: [],
				"list1": [{
					"name": "是",
					"value": "1",
					"image": ""
				}, {
					"name": "否",
					"value": "2",
					"image": ""
				}],
				"list1_id": "1",
				"list2": [{
					"name": "小件",
					"value": "1",
					"image": ""
				}, {
					"name": "中件",
					"value": "2",
					"image": ""
				}, {
					"name": "超大件",
					"value": "3",
					"image": ""
				}],
				"list2_id": [],
				img: '',
				order_sn: "",
				priceDD: '',
				price: 0,
				priceDZ: 0,
				priceGG: 0,
				dataDetails: '',
				jiajia: '',
				is_once: '',
				huilv: '',
				hizng: '',
			};
		},
		computed: {

		},
		watch: {},
		onLoad(options) {
			let {
				order_sn,
				img,
				is_come_up,
				is_once
			} = options
			if (order_sn !== undefined) this.order_sn = order_sn
			if (img !== undefined) this.img = img
			if (is_come_up !== undefined) this.list1_id = is_come_up
			if (is_once !== undefined) this.is_once = is_once
			this.getna67001f261276Func()
			this.post667001a66dfa8()
			this.post646576063f6b7()
			this.post66ac96a61cce7()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		onReachBottom(e) {

		},
		onPageScroll(e) {

		},
		methods: {
			xuanze(id,name){
				this.list3_id = id
				this.list3_name = name
			},
			async post66ac96a61cce7() {
				let res = await this.$api.get(global.apiUrls.post66ac96a61cce7, {

				});

				if (res.data.code != 1) {
					this.$message.info(res.data.msg);
					return
				}
				this.huilv = res.data.data
			},
			qiehuan(id, idex, is_input) {
				let index = this.list2_id.indexOf(id)
				if (index == -1) {
					this.list2_id.push(id)
					this.list2[idex].number = 1
					if (is_input == 2) {
						this.list2[idex].priceDD = 0
					}
				} else {
					this.list2_id.splice(index, 1)
					this.list2[idex].number = 0
					if (is_input == 2) {
						this.list2[idex].priceDD = ''
					}
				}
				let jine = 0
				for (var i = 0; i < this.list2.length; i++) {
					let index = this.list2_id.indexOf(this.list2[i].aid)
					if (index != '-1') {
						if (this.list2[i].is_input == 2) {
							jine += Number(this.list2[i].priceDD)
						} else {
							jine += Number(this.list2[i].number) * Number(this.list2[i].price)
						}
					}
				}
				this.priceGG = jine
				this.jisuan()
			},
			async tijiao() {
				// console.log(this.list2_id, 123)
				let goods_json = []
				if (this.list1_id == 1) {
					if (!this.list3_id) {
						this.$message.info('请选择楼层');
						return
					}
				}
				// [{"name":"小件","price":"10.00","is_input":"1","aid":1,"is_input_name":"按照价格","number":1},
				// {"name":"中件","price":"20.00","is_input":"1","aid":2,"is_input_name":"按照价格","number":2},
				// {"name":"大件","price":"30.00","is_input":"1","aid":3,"is_input_name":"按照价格","number":0},
				// {"name":"超大件","price":"5.00","is_input":"2","aid":4,"is_input_name":"手动输入","number":1}]
				if (this.list2_id.length == 0) {
					this.$message.info('请选择规格');
					return
				} else {
					let idList = this.list2_id
					let jine = 0
					for (var i = 0; i < this.list2.length; i++) {
						let index = idList.indexOf(this.list2[i].aid)
						if (index != '-1') {
							if (this.list2[i].is_input == 2) {
								if (!this.list2[i].priceDD) {
									this.$message.info('请输入' + this.list2[i].name + '数量');
									return
								} else {
									this.list2[i].price = this.list2[i].priceDD
									goods_json.push(this.list2[i])
								}

								// jine += Number(this.priceDD) * Number(this.list2[i].price)
							} else {
								if (this.list2[i].number <= 0) {
									this.$message.info('请选择' + this.list2[i].name + '数量');
									return
								} else {
									goods_json.push(this.list2[i])
								}
								// jine += Number(this.list2[i].number) * Number(this.list2[i].price)
							}

						}
					}
				}
				// console.log(goods_json, 1111111)
				// return
				let datalist2 = await this.$api.post(global.apiUrls.post668b8da98581b, {
					order_sn: this.order_sn,
					// pick_images:this.img,
					is_come_up: this.list1_id,
					goods_json: JSON.stringify(goods_json),
					// goods_json:goods_json.toString(),
					floorlist_id: this.list3_id,
					is_at_once: this.is_once == 1 ? 1 : ''
				});
				if (datalist2.data.code != 1) {
					this.$message.info(datalist2.data.msg);
					return
				} else {
					this.$message.info('报价成功');
				}
				// let pages = getCurrentPages(); // 当前页页⾯实例
				// let nowPage = pages[pages.length - 1]; //当前页⾯实例
				// let prevPage = pages[pages.length - 2]; // 上一页面实例
				// let object = {};
				// prevPage.$vm.addrrsDaun(this.type,item.aid) // 调用上一页 定义的方法
				setTimeout(function() {
					uni.navigateBack();
				}, 1000);


				// let infolist2 = datalist2.data;
				// this.list3 = infolist2.data
			},
			onInput(e, index) {
				// console.log(index,1111111)
				// return
				let _this = this
				var regex = /^(\d+)?(\.\d{0,2})?$/;
				let jine = 0
				let idList = _this.list2_id
				_this.$nextTick(() => {
					if (e.match(regex)) {
						_this.list2[index].priceDD = e.match(regex)[0];
						_this.hizng = e.match(regex)[0]
					} else {
						_this.list2[index].priceDD = _this.hizng
					}

					if (e.match(regex)) {
						_this.list2[index].priceDD = e;
						// let idList = _this.list2_id.split(',')
						// console.log(idList,123)
						for (var i = 0; i < _this.list2.length; i++) {
							if (_this.list2[i].is_input == 2) {
								let index = idList.indexOf(_this.list2[i].aid)
								if (index != -1) {
									jine += Number(_this.list2[i].priceDD)
								}
								// if(index == -1){
								// 	_this.list2_id.push(_this.list2[i].aid)
								// }

								// console.log(_this.priceDD, '金额1')	
							} else {
								jine += Number(_this.list2[i].number) * Number(_this.list2[i].price)
								// console.log(jine, '金额2')
							}

							// let index = idList.indexOf(_this.list2[i].aid.toString())
							// if (index != '-1') {
							// 	if (_this.list2[i].is_input == 2) {
							// 		jine += Number(_this.priceDD)
							// 		console.log(_this.priceDD, '金额1')
							// 	} else {
							// 		jine += Number(_this.list2[i].number) * Number(_this.list2[i].price)
							// 		console.log(jine, '金额2')
							// 	}
							// }
						}
					} else {

						for (var i = 0; i < _this.list2.length; i++) {
							if (_this.list2[i].is_input == 2) {
								let index = idList.indexOf(_this.list2[i].aid)
								if (index != -1) {
									jine += Number(_this.list2[i].priceDD)
								}
								// jine += Number(_this.priceDD)

							} else {
								jine += Number(_this.list2[i].number) * Number(_this.list2[i].price)
								// console.log(jine, '金额2')
							}
						}
					}
					console.log(this.list2, '执行123')
					_this.priceGG = jine
					_this.jisuan()
				})

			},
			xuanzhong(idex) {
				let jine = 0
				let idList = this.list2_id
				// for (var i = 0; i < this.list2.length; i++) {
				// 	if(this.list2[i].is_input == 2){
				let index = idList.indexOf(this.list2[idex].aid)
				if (index == -1) {
					this.list2_id.push(this.list2[idex].aid)
				}
				// 	}
				// }
			},
			jiajian(e, type) {
				let index = this.list2_id.indexOf(type)
				console.log(e, type, index, 111111)
				if (e == 0) {
					if (index != -1) {
						this.list2_id.splice(index, 1)
					}
				} else if (e > 0) {
					if (index == -1) {
						this.list2_id.push(type)
					}
				}

				// let idList = this.list2_id
				let jine = 0

				// if(index != -1){
				for (var i = 0; i < this.list2.length; i++) {
					let index = this.list2_id.indexOf(this.list2[i].aid)
					if (index != '-1') {
						if (this.list2[i].is_input == 2) {
							// jine += Number(this.priceDD)
							jine += Number(this.list2[i].priceDD)
						} else {
							jine += Number(this.list2[i].number) * Number(this.list2[i].price)
						}
					}
				}
				this.priceGG = jine
				this.jisuan()
				// }

			},
			// 规格金额
			jdisuan(e) {
				let idList = this.list2_id.split(',')
				let jine = 0
				for (var i = 0; i < this.list2.length; i++) {
					let index = idList.indexOf(this.list2[i].aid.toString())
					if (index != '-1') {
						if (this.list2[i].is_input == 2) {
							// jine += Number(this.priceDD)
							jine += Number(this.list2[i].priceDD)
						} else {
							jine += Number(this.list2[i].number) * Number(this.list2[i].price)
						}

					}
				}
				this.priceGG = jine
				this.jisuan()
			},
			// 地址金额
			dizhi(e) {
				for (var i = 0; i < this.list3.length; i++) {
					if(this.list3_id == this.list3[i].aid){
						this.priceDZ = this.list3[i].price
					}
				}
				this.popupShow1732066253222 = false
				// this.priceDZ = e.obj.price 
				// popupShow1732066253222
				console.log(this.priceDZ,11111111)
				
				this.jisuan()
			},
			// 计算价格
			jisuan() {
				let price = Number(this.priceDZ) + Number(this.priceGG)
				this.jiajia = (Number(price) * Number(this.huilv.pt_once_ratio) / 100).toFixed(2)
				if (this.is_once == 1) {
					this.price = (Number(price) + Number(this.jiajia)).toFixed(2)
				} else {
					this.price = Number(price).toFixed(2)
				}
			},
			async post646576063f6b7() {
				let res = await this.$api.get(global.apiUrls.post646576063f6b7, {
					aid: 15
				});
				if (res.data.code != 1) {
					this.$message.info(res.data.msg);
					return
				}
				this.dataDetails = res.data.data
				// console.log(res,111111111)
			},
			//骑手端-查询楼层列表
			async post667001a66dfa8() {
				let datalist2 = await this.$api.get(global.apiUrls.post667001a66dfa8, {

				});
				if (datalist2.data.code != 1) {
					this.$message.info(datalist2.data.msg);
					return
				}
				let infolist2 = datalist2.data;
				this.list3 = infolist2.data
			},
			//骑手端-查询取货时货品大小规格
			async getna67001f261276Func() {
				let datalist2 = await this.$api.get(global.apiUrls.post667001f261276, {

				});
				if (datalist2.data.code != 1) {
					this.$message.info(datalist2.data.msg);
					return
				}
				let infolist2 = datalist2.data;
				this.list2 = infolist2.data
				// this.list2.push({
				// 	"name": "垫付",
				// 	"price": "3.00",
				// 	"is_input": "2",
				// 	"aid": 5,
				// 	"is_input_name": "手动输入",
				// 	"number": 1
				// })
				for (var i = 0; i < this.list2.length; i++) {
					if (this.list2[i].is_input == 2) {
						this.list2[i].priceDD = ''
					}

				}
			}

		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: var(--benbenbgColor1);
		background-size: 100% auto;
	}

	.offer_flex_0 {
		background: #fff;
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.offer_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 700;
		color: #333333;
		line-height: 50rpx;
	}

	.offer_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
	}

	.offer_fd0_0_c0 {
		width: 120rpx;
	}

	.offer_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.offer_flex_1 {
		padding: 32rpx;
	}

	.offer_fd1_3_c2 {
		margin: 0rpx 0rpx 0rpx auto;
		color: #333333;
		font-size: 32rpx;
		font-weight: 400;
	}

	.offer_fd1_2_c2_c0_c0_c2_c0 {
		height: 48rpx;
		margin: 0rpx 4rpx 0rpx 4rpx;
		width: 48rpx;
	}

	::v-deep .offer_numberBoxInputfd1_2_c2_c0_c0_c2 {
		background: var(--benbenbgColor1);
		width: 80rpx;
		height: 50rpx;
		text-align: center;
		color: #323232;
		font-size: 28rpx;
		background-size: 100% auto;
	}

	.offer_fd1_2_c2_c0_c0_c0 {
		width: 36rpx;
		height: 36rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 12rpx 0rpx 0rpx;
	}

	.offer_fd1_2_c2_c0_c0 {
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	::v-deep .offer_fd1_2_c2_c0 {
		width: 100%;
	}

	.offer_fd1_2_c2 {
		margin: 0rpx 0rpx 0rpx 100rpx;
	}

	.offer_fd1_2_c1 {
		margin: 0rpx 0rpx 0rpx 10rpx;
	}

	.offer_fd1_1_c2 {
		color: rgba(112, 112, 112, 1);
		font-size: 18rpx;
	}

	.offer_fd1_1_c1 {
		margin: 0rpx 0rpx 0rpx auto;
		color: #999999;
		font-size: 32rpx;
		font-weight: 400;
	}

	.offer_fd1_0_c1_c1_c1 {
		color: rgba(153, 153, 153, 1);
		font-size: 32rpx;
		font-weight: 400;
	}

	.offer_fd1_0_c1_c0_c0 {
		width: 36rpx;
		height: 36rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 0rpx 12rpx 0rpx 42rpx;
	}

	::v-deep .offer_fd1_0_c1 {
		margin: 0rpx 0rpx 0rpx auto;
	}

	.offer_fd1_0_c0 {
		color: #333333;
		font-size: 26rpx;
		font-weight: 400;
	}

	.offer_fd1_0 {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding: 32rpx 0rpx 32rpx 0rpx;
	}

	.offer_flex_2 {
		width: 750rpx;
		height: 160rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
	}

	.offer_fd2_0 {
		background: #FF8E21;
		border-radius: 40rpx 40rpx 40rpx 40rpx;
		width: 654rpx;
		line-height: 80rpx;
		font-size: 28rpx;
		color: #FFFFFF;
		height: 80rpx;
		font-weight: 500;
	}

	.offer_fd1_0_c02 {
		width: 180rpx;
		height: 55rpx;
		background: #FFFFFF;
		border-radius: 4rpx;
		border: 1px solid #D6D6D6;
		margin: 0 0 0 auto;
		padding: 0 0 0 12rpx;
	}

	.offer_picker3_0_c2 {
		color: #4781f5;
	}

	.offer_picker3_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 88rpx;
		border-radius: 25rpx 25rpx 0rpx 0rpx;
		background-size: 100% auto !important;
	}

	.offer_flex_5 {
		width: 540rpx;
	}

	.offer_fd5_1_c0 {
		width: 56rpx;
		height: 56rpx;
		border-radius: 28rpx 28rpx 28rpx 28rpx;
	}

	.offer_fd5_1 {
		margin: 48rpx 0rpx 0rpx 0rpx;
	}

	::v-deep .offer_fd5_0_c1_c0 {
		width: 100%;
	}

	.offer_fd5_0_c1 {
		touch-action: none;
		height: 30vh;
		width: 476rpx;
	}

	.offer_fd5_0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 45rpx;
		text-align: center;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.offer_fd5_0 {
		background: #FFFFFF;
		border-radius: 24rpx 24rpx 24rpx 24rpx;
		padding: 28rpx 32rpx 41rpx 32rpx;
	}

	.yangshi {
		margin: 0 auto 0 0rpx;
		width: 200rpx;
	}
	.fd1_0_c1_c0_c0_c0_c1_ben {
	    width: 32rpx;
	    height: 32rpx;
	    border-radius: 0rpx;
	}
	
	.fd1_0_c1_c0_c0_c0_c0_ben {
	    font-size: 24rpx;
	}
	
	.fd1_0_c1_c0_c0_c0_ben {
	    padding: 0rpx 32rpx 0rpx 32rpx;
	    margin: 0rpx 0rpx 24rpx 0rpx;
	}
	
	.fd1_0_c1_ben {
	    touch-action: none;
	    width: 100%;
	    height:400rpx;
	}
	
	.fd1_0_c0_ben {
	    width: 100%;
	    height: 20%;
	    padding: 0rpx 32rpx 0rpx 32rpx;
		border-bottom: 1px solid rgba(238, 238, 238, 1);
	}
	
	.fd1_0_ben {
	    background: var(--benbenbgColor1);
	    background-size: 100% auto;
	    height: 500rpx;
		border-radius: 16rpx 16rpx 0 0;
	}
	.yangshi_2{
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding: 32rpx 0 0 0;
	}
</style>
